<template>
<div>
<Navlanmu :menus="[{name:'首页', path: '/'},{name:'系统中心',path: '/'},{name:'个人资料'}]"></Navlanmu>
<el-container class="main-el-contarner">
    <el-aside width="250px" style="height: 100%;border-right: 1px solid rgb(220, 220, 220);background:#f9f9f9;">
      <LeftMenu @node-click="nodeClick" :levelType="1"></LeftMenu>
    </el-aside>
    <el-main>
    <div class="kanbao-bigbox">
       <div class="user-box">
		   <el-descriptions title="用户基本信息" direction="vertical" :column="4" border>
		     <el-descriptions-item label="用户名">kooriookami</el-descriptions-item>
		     <el-descriptions-item label="手机号">18100000000</el-descriptions-item>
		     <el-descriptions-item label="地址" :span="2">佛山市</el-descriptions-item>
		     <el-descriptions-item label="备注">
		       <el-tag size="small">南海基地</el-tag>
		     </el-descriptions-item>
		     <el-descriptions-item label="联系地址">广东省佛山市南海基地</el-descriptions-item>
		   </el-descriptions>
	   </div>
    </div>
    </el-main>
</el-container>
</div>
</template>


<script>
import SideHeader from "@/views/inc/SideHeader";
import Navlanmu from "@/views/inc/Navlanmu";
import LeftMenu from "@/views/sys/components/LeftMenu";
import {getDateTimes,numFormat,getDateWeek}  from "@/utils/index.js";


export default {
  name: "Electricboard",
  components: {SideHeader,Navlanmu,LeftMenu},
  data() {
    return {
      loadingdata1:false,
      isloading:false,
      param:{warnStatus:'',name:'',pageNo:1,pageSize:10},
      datas:[{name:'故障告警',status:'1'},{name:'离线告警',status:'1'},{name:'消防告警',status:'1'},{name:'周界入侵',status:'1'}],
      dataTotal: 0,
    }
  },
  mounted(){
      //
   },
  created() {
       this.isloading=false;
  },
  methods: {
      nodeClick(type, data) {
        this.loadingdata1=true;
        console.log("nodeClick", type, data);
        this.searchForm=data;
        this.getEnergyQushi();
        this.getEnergyDeptRanking();
        this.getEnergylevelCount();
      },
      handleAdd(){

      },
      // 数据搜索按钮
      onSearch() {
        this.param.pageNo = 1;
        this.getDatas();
      },
      // 复选框按钮
      selectionChange() {
        console.log("selectionChange");
      },
      indexMethod(index) {
        return (this.param.pageNo - 1) * this.param.pageSize + index + 1;
      },
      sizeChange(val) {
        this.param.pageSize = val;
        this.getDatas();
      },
      currentChange(val) {
        this.param.pageNo = val;
        this.getDatas();
      },
  }
}
</script>
<style>
.kanbao-bigbox .el-loading-spinner .el-loading-text{
  color: #666!important;
}
</style>
<style scoped>
.el-main{
  padding:0px!important;
}

.kanbao-bigbox{
  margin-top:0px;
}
</style>
<style scoped>
.righttop-search-box{
  background:#f8f8f8;
  padding:8px 20px 7px 20px;
  border-bottom:1px solid #ececec;
}
.righttop-search-box .el-form-item{
  margin-bottom:0px!important;
}
.container-box{
  padding:10px;
}
.pagebox{
  text-align: right;
  padding:10px;
}
.user-box{
  margin:40px;
}
</style>
